﻿@{
    ViewBag.Title = "Daily Web Stats";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/js/reports.js"></script>
<style>
    .valueup {
        background-color: #D0FFEB;
        color: #007E0B;
    }
    .valuedown {
        background-color: #FFEBEB;
        color: #FF0000;
    }
</style>
<script>
    function changeStore(id) {
        $("#storeid").val(id);
        $("#fr-dailyreport").submit();
    }  
</script>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="fieldset">
            <div class="legend"><span>Search</span></div>
            <div class="row-fluid">
                <form method="POST" id="fr-dailyreport">
                    <div class="span2">
                        Choose a day
                    </div>
                    <div class="span3">
                        <div class="input-append datetimepicker">
                            <input type="text" name="date" value="@(Request["date"] ?? DateTime.Now.ToString("dd/MM/yyyy"))" data-format="dd/MM/yyyy" class="input-block-level" />
                            <span class="add-on">
                                <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
                            </span>
                        </div>
                        <input type="hidden" name="storeid" id="storeid" value="3" />
                    </div>
                    <div class="span2">
                        <input type="submit" class="btn btn-primary" value="Search" />
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="fieldset">
            <div class="legend"><span>Daily Web Stats Report</span></div>
            <div class="row-fluid">
                <ul class="tabs tabs-inline tabs-top orderdetail-task-tabs margin0">
                    <li class="active">
                        <a href="#tab-3" data-toggle="tab" onclick="changeStore(3)">GBD</a>
                    </li>
                    <li>
                        <a href="#tab-7" data-toggle="tab" onclick="changeStore(7)">SGF</a>
                    </li>
                    <li>
                        <a href="#tab-4" data-toggle="tab" onclick="changeStore(4)">FLB</a>
                    </li>
                    <li>
                        <a href="#tab-1" data-toggle="tab" onclick="changeStore(1)">OTD</a>
                    </li>
                    <li>
                        <a href="#tab-78" data-toggle="tab" onclick="changeStore(78)">RS</a>
                    </li>
                </ul>

                <div class="tab-content padding tab-content-inline tab-content-bottom orderdetail-task-tabs-content">
                    <div class="tab-pane active" id="tab-3">
                        @Html.Action("GBDDailyWebStats")
                    </div>
                    <div class="tab-pane" id="tab-7">
                    </div>
                    <div class="tab-pane" id="tab-4">
                    </div>
                    <div class="tab-pane" id="tab-1">
                    </div>
                    <div class="tab-pane" id="tab-78">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
